<as-split direction="vertical" unit="pixel" gutterSize="0" [disabled]="true">
  <as-split-area size="35" class="button-area">
    <button nz-button (click)="reflesh()"><i nz-icon nzType="reload" nzTheme="outline"></i>刷新</button>
  </as-split-area>
  <as-split-area size="65" class="border-1 form-area">
    <div nz-row class="text-right matech-toolbar">
      <div nz-col nzSpan="21">
        <form nz-form>
          <div nz-row nzType="flex" nzJustify="center">
            <nz-form-label nz-col nzSpan="2" class="text-right">学年</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-left">
              <nz-year-picker [(ngModel)]="queryParams.year" name="year" [nzFormat]="'yyyy' + '年度'"
                nzPlaceHolder="起始年份">
              </nz-year-picker>
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">所属学期</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <nz-select [(ngModel)]="queryParams.termType" name="termType" nzAllowClear nzPlaceHolder="学期">
                <nz-option nzValue="LAST_TERM" nzLabel="第一学期"></nz-option>
                <nz-option nzValue="NEXT_TERM" nzLabel="第二学期"></nz-option>
              </nz-select>
            </nz-form-control>
          </div>
        </form>
      </div>
      <div nz-col nzSpan="3" class="text-center form-area-btn">
        <div nz-row class="first-btn">
          <button nz-button [nzType]="'primary'" (click)="search()">
            <i nz-icon type="search"></i>检索
          </button>
          <button nz-button (click)="reset()"><i nz-icon nzType="redo" nzTheme="outline"></i>重置</button>
        </div>
      </div>
    </div>
  </as-split-area>
  <as-split-area [size]="'*'">
    <app-student-score-list #studentScoreListComponent [queryParams]="queryParams">
    </app-student-score-list>
  </as-split-area>
</as-split>
